<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="format-detection" content="telephone=no">
    <meta name="renderer" content="webkit">
    <meta name="applicable-device" content="pc,mobile">
    <title>家庭影院</title>
    <meta name="keywords" content="家庭影院">
    <meta name="description" content="家庭影院,在线播放">
    <link th:href="@{/static/css/stylec_7.css}" rel="stylesheet"/>
</head>

<body>
<div class="topall">
    <div class="wrap head clearfix">
        <ul class="logo"><a href="#">家庭影院</a></ul>
        <ul class="nav-mb">
            <li class="nav-sj"><i class="ico pc1bg png"></i><i class="ico pc2bg png"></i><b class="navb">导航</b></li>
            <li class="nav-sh"><a href="#"><b class="navb">搜索</b></a></li>
        </ul>
        <ul class="nav-pc">
            <li><b class="navb"><a class="now" th:href="@{/}">首页</a></b></li>

            <li>
                <b class="navb"><a th:href="@{/?videoClassification=1}">电视剧</a></b>
            </li>

            <li>
                <b class="navb"><a th:href="@{/?videoClassification=2}">电影</a></b>
            </li>

            <li>
                <b class="navb"><a th:href="@{/?videoClassification=3}">动漫</a></b>
            </li>
            <li>
                <b class="navb"><a th:href="@{/?videoClassification=4}">综艺</a></b>
            </li>
        </ul>
        <ul class="search sh">
            <form th:action='@{/}' method="post" target="_self"
                  autocomplete="off">
                <input class="input" name="videoName" type="text" id="videoName" placeholder="输入关键词">
                <input class="ico imgbt1 png" type="submit" value="">
            </form>
        </ul>
        <div class="nav-down-mb filter shadow clearfix">
            <ul>
                <li><a th:href="@{/?videoClassification=1}">电视剧</a></li>

                <li><a th:href="@{/?videoClassification=2}">电影</a></li>

                <li><a th:href="@{/?videoClassification=3}">动漫</a></li>

                <li><a th:href="@{/?videoClassification=4}">综艺</a></li>
            </ul>
        </div>
        <div class="search-mb filter shadow">
            <div class="shall clearfix">
                <form name="formsearch" id="formsearch" action='#' method="post" target="_self" autocomplete="off">
                    <input class="input" name="searchword" type="text" id="keyword" placeholder="输入关键词">
                    <input class="imgbt" type="submit" value="搜索">
                </form>
            </div>
        </div>
    </div>
</div>
<div class="wrap">
    <div class="index-list clearfix">
        <div class="index-list-l">
            <div class="h1">
            </div>
            <ul>
                <li th:each="list,stat:${videoInfoIPage.records}"
                    th:class="${(stat.index+1) % 15 == 0}?'mb m3 m4':(${(stat.index+1) % 3 == 0}?'mb m3':(${(stat.index+1) % 5 == 0}?'mb m4':'mb'))">
                    <a class="li-hv" th:href="@{/video/detail(id=${list.id})}" th:title="${list.videoName}">
                        <div class="img">
                            <img class="lazy" referrerpolicy="no-referrer"
                                 th:src="${list.videoImage}" th:alt="${list.videoName}">
                            <b class="bg1"></b>
                            <b class="play-hv"></b>
                            <b class="sjbg2 png"></b>
                            <p class="bz">最新:<span th:text="${list.whichEpisode}"></span>集</p>
                        </div>
                        <div class="text">
                            <p class="name" th:text="${list.videoName}"></p>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
    </div>

    <div class="footer clearfix">
        <p>
            本网站仅测试使用
        </p>
        <p>
            若本站收录的视频无意侵犯了贵司版权，请邮箱联系我们，我们会及时处理相关内容，谢谢！邮箱：tangshuai318@163.com </p>
    </div>
</body>

</html>